<%@page import="Model.Shangpin"%>
<%@page import="houtaiDao.ShangpinDaoImpl"%>
<%@page import="houtaiDao.ShangpingDao"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="左右结构项目，属于大人员的社交工具">
        <meta name="keywords" content="左右结构项目 社交 占座 ">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>Bootstrap左右结构响应式后台管理模板</title>
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script>
            $(function() {
                $(".meun-item").click(function() {
                    $(".meun-item").removeClass("meun-item-active");
                    $(this).addClass("meun-item-active");
                    var itmeObj = $(".meun-item").find("img");
                    itmeObj.each(function() {
                        var items = $(this).attr("src");
                        items = items.replace("_grey.png", ".png");
                        items = items.replace(".png", "_grey.png")
                        $(this).attr("src", items);
                    });
                    var attrObj = $(this).find("img").attr("src");
                    ;
                    attrObj = attrObj.replace("_grey.png", ".png");
                    $(this).find("img").attr("src", attrObj);
                });
                $("#topAD").click(function() {
                    $("#topA").toggleClass(" glyphicon-triangle-right");
                    $("#topA").toggleClass(" glyphicon-triangle-bottom");
                });
                $("#topBD").click(function() {
                    $("#topB").toggleClass(" glyphicon-triangle-right");
                    $("#topB").toggleClass(" glyphicon-triangle-bottom");
                });
                $("#topCD").click(function() {
                    $("#topC").toggleClass(" glyphicon-triangle-right");
                    $("#topC").toggleClass(" glyphicon-triangle-bottom");
                });
                $(".toggle-btn").click(function() {
                    $("#leftMeun").toggleClass("show");
                    $("#rightContent").toggleClass("pd0px");
                })
            })
        </script>

        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/common.css" />
        <link rel="stylesheet" type="text/css" href="css/slide.css" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="css/flat-ui.min.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery.nouislider.css">
    </head>

    <body>
        <div id="wrap">
            <!-- 左侧菜单栏目块 -->
            <div class="leftMeun" id="leftMeun">
                <div id="logoDiv">
                    <p id="logoP"><img id="logo" alt="左右结构项目" src="images/logo.png"><span>后台管理系统</span></p>
                </div>
                <div id="personInfor">
                    <p id="userName">管理员</p>
            
                    <p>
                        <a href="index.jsp">退出登录</a>
                    </p>
                </div>
                <div class="meun-title">后台管理</div>
                <div class="meun-item meun-item-active" > <a href="addshang.jsp"><img src="images/icon_source.png">添加商品 </a></div>
                <div class="meun-item" > <a href="update.jsp"><img src="images/icon_chara_grey.png">修改商品</a> </div>
                <div class="meun-item" ><a href="delectshang.jsp"><img src="images/icon_user_grey.png">删除商品</a></div>
  
                <div class="meun-title">列表管理</div>
                <div class="meun-item" ><a href="addShop.jsp"> <img src="images/icon_house_grey.png">添加列表</a></div>
                <div class="meun-item" ><a href="delShop.jsp"> <img src="images/icon_rule_grey.png">删除列表</a></div>
                <div class="meun-item" ><a  href="updShop.jsp"> <img src="images/icon_card_grey.png">修改列表</a></div>
 
            </div>
            <!-- 右侧具体内容栏目 -->
            <div id="rightContent">
                <a class="toggle-btn" id="nimei">
                    <i class="glyphicon glyphicon-align-justify"></i>
                </a>
                <!-- Tab panes -->
                <div class="tab-content">
                    <!-- 资源管理模块 -->
                    <div role="tabpanel" class="tab-pane active" id="sour">
                        <div class="check-div form-inline">
                            <h3>删除商品</h4>
                        </div>
                        <div class="data-div">
                            <div class="row tableHeader">     					
                 			  </div>    
                 			  <%
                            		ShangpingDao select = new ShangpinDaoImpl();
                            		List<Shangpin> list = select.selectAll();
                            	%>
                 			    <h6>编号	    标题  	 	 	价格  	  	库存  </h6>   
                                     
                     	<%
                     		for(int i=0;i<list.size();i++){
                     	%>
                     		<h6><%=list.get(i).getBianhao()  %>   <%=list.get(i).getTitle() %>  <%=list.get(i).getJiage() %> <%=list.get(i).getKucun() %></h6>
                     	<%
                     		}
                     	%>  
                     	<br>
                     	<br>
                         <form action="delSServlet" method="post">
                        	<h5> 请输入要删除的编号:</h5><input type="text" name="bianhao">
                        	 <input type="submit" value="确定">
                         </form>
                                                     
                    
                        </div>
                    </div>
</body> 
</html>